إضافة قائمة شريط سكرول متحرك لأعلى وأسفل - بلوجر

بسم الله الرحمن الرحيم والصلاة والسلام على رسول الله , جاءتني حقيقة بعض الاسئلة عن طريقة إضافة القائمة بشريط متحرك مثل الموضح بالأعلى , والإضافة جدا سهلة ولا تأخذ أكثر من دقيقتين. تستطيع إستخدامها لعرض قائمة من التصنيفات مع روابط الإنتقال.


1- توجه إلى لوحة التحكم / التنسيق ثم إضافة أداة HTML/JavaScript
2- ألصق هذا الكود:

<div class="widget-content" > <div style="overflow: auto; width:300px;height:155px ; border: 1px solid #cccccc; padding: 5px; margin-bottom: 10px; ">
<h2 class="title">اسم القائمة </h2>
<ul>
<li> <a href="link">   التصنيف1        <span><br /></span></a></li>
<li> <a href="link">   التصنيف2       <span><br /></span></a></li>
<li> <a href="link">   التصنيف3       <span><br /></span></a></li>
<li> <a href="link">   التصنيف4       <span><br /></span></a></li>
<li> <a href="link">   التصنيف5       <span><br /></span></a></li>
<li> <a href="link">   التصنيف6        <span><br /></span></a></li>
</ul></div></div>

فقط غير اسم التصنيف واستبدل link بالرابط الخاص به.

        height:155px الإرتفاع - width: 300px العرض 

ولإضافة المزيد من التصنيفات قم بنسخ الكود التالي:

<li> <a href="link">   التصنيف7        <span><br /></span></a></li>

ولصقه بعد كود التصنيف السادس مباشرة, وتكرره بحسب عدد التصنيفات التي تود إضافتها.